<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>首页</title>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.min.js"></script>
<script src="js/jquery-2.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
   <div class="header-t">
	   <div class="inner">
		   <ul>
			   <li>
				   <a href="dlym.html">登录</a>
			   </li>
			   <li>
				   <a href="grzc.html">个人注册</a>
			   </li>
			   <li>
				   <a href="qyzc.html">企业注册</a>
			   </li>
			   <li>
				  <a href="dlzc.html">代理注册</a>
			   </li>
			   <li id="dianjishijian" style="position: relative;">
				   <a href="#" style="padding-left: 18%">
				   <img src="images/header-t_06.jpg" class="img2">
					　微信
				   </a>
				   <div class="erweimaxianshi" id="xianshierweima"><img src="images/footer_29.jpg" alt=""></div>
			   </li>
		   </ul>
	   </div>
   </div>
   <div class="header-b">
	   <div class="inner">
			<a href="index.html">
				<div class="logo">
					<img src="images/header_03.jpg">
				</div>
			</a>
		   <div class="b-cen">
				<input type="text" placeholder="输入职位名或公司名或国家">
				<button>搜索</button>
				<a href="#"><img src="images/header_09.jpg" class="img3"></a>
				<p>|</p>
				<ul>
				   <li style="width: 16%;">热门搜索：</li>
				   <li><a href="#">销售</a></li>
				   <li><a href="#">客服</a></li>
				   <li><a href="#">会计</a></li>
				   <li style="width: 14%;"><a href="#">产品经理</a></li>
				   <li><a href="#">司机</a></li>
				   <li><a href="#">文员</a></li>
				   <li><a href="#">Java</a></li>
				   <li><a href="#">UI</a></li>
				</ul>
		   </div>
		   <div class="tel">
			   <img src="images/header_14.jpg">
		   </div>
	   </div>
   </div> 
   <div class="daohang">
	<ul class="daohang1">
	   <a href="index.html"><li class="xuanzhong">首页</li></a>
	  <a href="zzgz.html"><li>查找工作</li></a>
	  <a href="xmhz.html"><li>项目合作</li></a>
	  <a href="gr-jindu.html"><li>会员中心</li></a>
	  <a href="flyz.html"><li>法律援助</li></a>
	  <a href="sqdk.html"><li>申请贷款</li></a>
	  <a href="zzfw.html"><li>增值服务</li></a>
	  <div class="clearfix"></div>  
	</ul>
   </div>
	<div class="banner-b">
		<div class="banner">
			<ul class="slider-main">
				<li class="slider-panel">
					<a href="#" target="_blank">
						<img src="images/banner_26.jpg">
					</a>
				</li>
				<li class="slider-panel">
					<a href="#" target="_blank"><img src="images/banner_26.jpg"></a>
				</li>
				<li class="slider-panel">
					<a href="#" target="_blank"><img src="images/banner_26.jpg"></a>
				</li>
				<li class="slider-panel">
					<a href="h#" target="_blank"><img src="images/banner_26.jpg"></a>
				</li>
			</ul>
			<div class="slider-extra">
			<ul class="slider-nav">
			<li class="slider-item">1</li>
			<li class="slider-item">2</li>
			<li class="slider-item">3</li>
			<li class="slider-item">4</li>
			</ul>
			</div>
		</div>
	</div>
   <div class="main">
	   <div class="main-t">
		   <img src="images/banner_30.jpg" class="img-4">
		   <div class="t-n">
			   <p>知名企业  你值得更大的舞台</p>
			   <span>Famous enterprises, you deserve bigger stage</span>
		   </div>
		   <img src="images/banner_30.jpg" class="img-5">
	   </div>
	   <div class="main-t1">
		   <div class="inner">
				<div class="swiper-container">
					<div class="swiper-wrapper" style="height: 380px;">
						<div class="swiper-slide">
							<div class="swiper-zoom-container hezi">
								<div class="swi-ne">
									<a href="#"><img src="images/ti_03.jpg"></a>
									<a href="#"><img src="images/ti_25.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="swiper-zoom-container hezi">
								<div class="swi-ne">
									<a href="#"><img src="images/ti_03.jpg"></a>
									<a href="#"><img src="images/banner-1_31.jpg"></a>
									<a href="#"><img src="images/banner-1_33.jpg"></a>
									<a href="#"><img src="images/banner-1_35.jpg"></a>
									<a href="#"><img src="images/ti_06.jpg"></a>
									<a href="#"><img src="images/ti_08.jpg"></a>
									<a href="#"><img src="images/tu1_10.jpg"></a>
									<a href="#"><img src="images/ti_10.jpg"></a>
									<a href="#"><img src="images/ti_27.jpg"></a>
									<a href="#"><img src="images/ti_23.jpg"></a>
									<a href="#"><img src="images/ti_25.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="swiper-zoom-container hezi">
								<div class="swi-ne">
									<a href="#"><img src="images/ti_03.jpg"></a>
									<a href="#"><img src="images/banner-1_31.jpg"></a>
									<a href="#"><img src="images/banner-1_33.jpg"></a>
									<a href="#"><img src="images/banner-1_35.jpg"></a>
									<a href="#"><img src="images/ti_06.jpg"></a>
									<a href="#"><img src="images/ti_08.jpg"></a>
									<a href="#"><img src="images/tu1_10.jpg"></a>
									<a href="#"><img src="images/ti_10.jpg"></a>
									<a href="#"><img src="images/ti_27.jpg"></a>
									<a href="#"><img src="images/ti_23.jpg"></a>
									<a href="#"><img src="images/ti_25.jpg"></a>
									<a href="#"><img src="images/tu2_30.jpg"></a>
								</div>
							</div>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination swiper-pagination-white"></div>
					<!-- Add Navigation -->
					<div class="swiper-button-prev anniu1" style="position: absolute;left: 1px;">
						<img src="images/sy-yuan_03.jpg">
					</div>
					<div class="swiper-button-next anniu2" style="position: absolute;right: 35px;">
						<img src="images/sy-yuan_05.jpg">
					</div>
				</div>
		   </div>
	   </div>
   </div>
   <div class="main">
	   <div class="main-t">
		   <img src="images/banner_30.jpg" class="img-4">
		   <div class="t-n">
			   <p>商务部资质公司</p>
			   <span>Famous enterprises, you deserve bigger stage</span>
		   </div>
		   <img src="images/banner_30.jpg" class="img-5">
	   </div>
	   <div class="main-t11">
		   <div class="inner">
			   <div class="ti-1">
				   <div class="tun">
				   <a href="#" class="dt"><img src="images/main_61.jpg"></a>
				   <div class="tun-n">
					   <a href="#"><img src="images/xiaotu_36.jpg"></a>
					   <a href="#"><img src="images/xiaotu_39.jpg"></a>
					   <a href="#"><img src="images/xiaotu_42.jpg"></a>
				   </div>
			   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_67.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_69.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_67.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_61.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
			   </div>
			   <div class="ti-1">
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_61.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
					 </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_67.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_69.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_67.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_61.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
			   </div>
			   <div class="ti-1">
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_61.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
					</div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_67.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_69.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_67.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
				   <div class="tun">
					   <a href="#" class="dt"><img src="images/main_61.jpg"></a>
					   <div class="tun-n">
						   <a href="#"><img src="images/xiaotu_36.jpg"></a>
						   <a href="#"><img src="images/xiaotu_39.jpg"></a>
						   <a href="#"><img src="images/xiaotu_42.jpg"></a>
					   </div>
				   </div>
			   </div>
		   </div>
	   </div>
   </div>
   <div class="main2">
	   <div class="inner">
			<div class="main2-l">
			   <div class="l-t">
				   <h3>推荐职位</h3>
				   <span>Recommended position</span>
			   </div>
			   <div class="l-b">
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">美容连锁教育部经理</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">会计</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">文员/行政</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">司机</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">普工</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">UI设计</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">房产销售</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">大厅经理</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				   <div class="l-bn">
					   <ul>
						   <li class="li1"><a href="#">Java程序员</a><span>/男女均可/25岁以上</span></li>
						   <li class="li2">今天</li>
						   <li class="li3">济南益正生物科技有限公司</li>
						   <li class="li4">[中国 济南 历城区]/中职</li>
						   <li class="li5">5000-10000</li>
						   <li class="li6">生活服务</li>
					   </ul>
				   </div>
				</div>
			</div>
		   <div class="mian2-r">
			   <div class="m2-t">
				   <h3>热门职位</h3>
				   <span>New position</span>
			   </div>
			   <div class="m2-b">
				   <a href="#" class="m2-n">
					   <div class="m2-n1">
						   <img src="images/remen_03.jpg">
					   </div>
					   <div class="m2-n2">
						   <h3>城市经理</h3>
						   <p class="p1">12-18万</p><p class="p2">北京</p>
						   <span>腾讯网</span>
					   </div>
				   </a>
			   </div>
			   <div class="m2-b">
				   <a href="#" class="m2-n">
					   <div class="m2-n1">
						   <img src="images/remen_06.jpg">
					   </div>
					   <div class="m2-n2">
						   <h3>安全策略开发工程师</h3>
						   <p class="p1">12-18万</p><p class="p2">北京</p>
						   <span>腾讯网</span>
					   </div>
				   </a>
			   </div>
			   <div class="m2-b">
				   <a href="#" class="m2-n">
					   <div class="m2-n1">
						   <img src="images/remen_08.jpg">
					   </div>
					   <div class="m2-n2">
						   <h3>设计师</h3>
						   <p class="p1">12-18万</p><p class="p2">北京</p>
						   <span>腾讯网</span>
					   </div>
				   </a>
			   </div>
			   <div class="m2-b">
				   <a href="#" class="m2-n">
					   <div class="m2-n1">
						   <img src="images/remen_10.jpg">
					   </div>
					   <div class="m2-n2">
						   <h3>派件员</h3>
						   <p class="p1">12-18万</p><p class="p2">北京</p>
						   <span>腾讯网</span>
					   </div>
				   </a>
			   </div>
			   <div class="m2-b">
				   <a href="#" class="m2-n">
					   <div class="m2-n1">
						   <img src="images/remen_12.jpg">
					   </div>
					   <div class="m2-n2">
						   <h3>销售经理</h3>
						   <p class="p1">12-18万</p><p class="p2">北京</p>
						   <span>腾讯网</span>
					   </div>
				   </a>
			   </div>
			   <div class="m2-b" style="border: none;">
				   <a href="#" class="m2-n">
					   <div class="m2-n1">
						   <img src="images/remen_14.jpg">
					   </div>
					   <div class="m2-n2">
						   <h3>web前端开发工程师</h3>
						   <p class="p1">12-18万</p><p class="p2">北京</p>
						   <span>腾讯网</span>
					   </div>
				   </a>
			   </div>
		   </div>
		   <div class="tan1">
			   <img src="images/QQliuyan2.jpg">
			   <img src="images/QQliuyan.jpg" style="margin-top: 20px;" id="liuyan">
		   </div>
		   <div class="tan2" style="display: none;" id="liuyan2">
			   <div class="tan2-header">
				   <p class="pp1">留言板</p>
				   <p class="pp2" id="xiaoshi">—</p>
			   </div>
			   <div class="tan2-n">
				   <input type="text" placeholder="姓名" id="xm">
				   <input type="text" placeholder="电话" id="dh">
				   <textarea placeholder="请在此输入留言内容，我们会尽快与您联系..."></textarea>
				   <button id="fs">发送</button>
			   </div>
		   </div>
		   <div class="chak" style="margin-bottom: 30px;">
			   <a href="zzgz.html">查看更多</a>
		   </div>
	   </div>
   </div>
   <div class="clear"></div>
   <div class="footer">
	   <div class="inner">
		   <div class="f-img">
			   <img src="images/footer_25.png">
		   </div>
		   <div class="f-p">
			   <p>在火星人才网</p>
			   <p>发现新的职业机会</p>
		   </div>
		   <ul>
			   <li>
				   <img src="images/shuzi_28.png">
				   <div class="neir">
					   <p class="fp2">人</p>
					   <p class="fp3">出国就业</p>
				   </div>
			   </li>
			   <li>
				   <img src="images/shuzi_32.png">
				   <div class="neir">
					   <p class="fp2">人</p>
					   <p class="fp3">注册会员</p>
				   </div>
			   </li>
			   <li>
				   <img src="images/shuzi_35.png">
				   <div class="neir">
					   <p class="fp2">人</p>
					   <p class="fp3">入驻企业</p>
				   </div>
			   </li>
			   <li>
				   <div class="neir">
					   <p class="fp2" style="font-size: 16px;color: #fff;">今日成功就业</p>
					   <p class="fp3" style="font-size: 26px;color: #fff;text-align: right;padding-top: 5px;">50人</p>
				   </div>
			   </li>
		   </ul>
	   </div>
   </div>
	<div class="inner">
		<div class="lianj">
		   <h3>友情链接LINK：</h3>
		   <ul>
			   <li><a href="http://www.58.com/">58同城</a></li>
			   <li><a href="http://bj.ganji.com/">赶集网</a></li>
			   <li><a href="https://www.lagou.com/">拉勾网</a></li>
			   <li><a href="https://www.taobao.com/">淘宝网</a></li>
			   <li><a href="https://www.tmall.com">天猫</a></li>
			   <li><a href="https://www.jd.com">京东</a></li>
			   <li><a href="https://www.baidu.com/">百度</a></li>
			   <li><a href="http://www.qq.com/">腾讯</a></li>
		   </ul>
		</div>
	</div>
	<div class="dibu">
		<div class="dibu1">
			<div class="dibu2">
				<img src="images/footer_29.jpg" alt="">
			</div>
			<div class="dibu3">
				<div>网站资质　|　备案　|　法律声明　｜　<a href="yinsiquan.html">隐私权政策</a></div>
				<div>未经同意，不得转载本网站之所有招聘信息及作品　|　火星人才网版权所有©2017-3017</div>
				<div>地址：沈阳市沈河区　服务热线：400-024-5880　邮箱：175969151@163.com</div>
			</div>
		<div class="clearfix"></div>
		</div>
	</div>
	<script type="text/javascript">
	   /*main轮播*/
	 var swiper = new Swiper('.swiper-container', {
		zoom: true,
		pagination: '.swiper-pagination',
		nextButton: '.swiper-button-next',
		prevButton: '.swiper-button-prev'
	});

	</script>
</body>
<script>
var liuyan=document.getElementById('liuyan');
var liuyan2=document.getElementById('liuyan2');
var xiaoshi=document.getElementById('xiaoshi');
var xm=document.getElementById('xm');
var dh=document.getElementById('dh');
var fs=document.getElementById('fs');
liuyan.onclick=function(){
	liuyan2.style.display="block";
	liuyan.style.display="none";
}
xiaoshi.onclick=function(){
	liuyan.style.display="block";
	liuyan2.style.display="none";
}
fs.onclick=function(){
	if(xm.value.length<2){
		alert('请输入姓名');
	}else if(xm.value.length>6){
		alert('请输入正确的姓名');
	}else if(dh.value.length<11){
		alert('请输入手机号码');
	}else if(dh.value.length>11){
		alert('请输入正确的手机号码');
	}else{
		liuyan.style.display="block";
		liuyan2.style.display="none";
	}
}
</script>
<script>
	$('#dianjishijian').click(function(){
		if($('#xianshierweima').is(":hidden")){
			$('#xianshierweima').show();
		}else{
			$('#xianshierweima').hide();
		};
	});
</script>
</html>
